<!DOCTYPE html>
<style>
  .bordered {
	  margin: auto;
	  width: 200px;
	  height: 200px;
	  background-color: red;
	  background-image: linear-gradient(green, green);
	  border: 30px solid red;
	  border-image: repeat stretch 40 / 40px / 40px linear-gradient(green, green);
  }
</style>
<div id="spacer" style="height: 100px; width: 100px;"></div>
<!-- Test should show no red background color around the gradient. -->
<div class="bordered"></div>
